// 引入公共样式
require('../../assets/css/css.less')

// 引入css样式
require('./mine.less');

// 引入swiper的css
require('swiper/dist/css/swiper.css');

// 引用swiper
const Swiper = require('swiper');

// 获取axios工具函数
const request = require('../../utils/request')

// 引入tabbar渲染函数
const renderTabbar = require('../../utils/tabbar');



// 服务器地址
const API = 'http://fitness.h5.itsource.cn:3701';


// 加载
window.onload = () => {
    // 渲染tabbar
    renderTabbar('mine');

    // 使用swiper
    let mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000, //可选选项，自动滑动
        pagination: '.swiper-pagination', //分页器
        loop: true, //循环
    })

    // 获取标签
    const day1 = document.querySelector('.day1');
    const level1111 = document.querySelector('.level1111');
    const level22 = document.querySelector('.level22');
    const level112 = document.querySelector('.level112');
    const calorie = document.querySelector('.calorie');
    const duration = document.querySelector('.duration');

    // 获取用户信息
    function getUserInfo() {
        request.get('/api/user/info').then(res => {
            // console.log('res.data',res.data);
            // 1.解构数据
            let { errno, data } = res.data;
            // 2.判断
            if (errno === 0) {

                // 3.处理业务逻辑
                render(data)
            }
        })
    }

    // 渲染函数 渲染dom 更新dom
    function render(data) {
        day1.textContent = data.clockCount;
        // 图片渲染
        level1111.src = API + data.imgUrl;
        level112.textContent = data.nickName;
        calorie.textContent = data.calorie;
        duration.textContent = data.duration;

    }

    // 初始化调用一次
    getUserInfo()

    // 获取打卡信息
    function getClockInInfo() {
        request.get('/api/user/clockInInfo').then(res => {
            console.log('res.data', res.data);
            // 解构数据
            let { errno, data } = res.data;
            // 2.判断
            if (errno === 0) {
                if (data.isClockIn) {
                    level22.textContent = '已打卡';
                } else {
                    level22.textContent = '今日打卡';
                }
            }
        })
    }

    // 初始化调用一次
    getClockInInfo()
}